<template>
    <div>
        <svg t="1709177985259" class="icon" viewBox="0 0 1329 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="7067" width="200" height="200">
            <path
                d="M553.389714 268.909714h0.082286l99.565714-79.186285-99.565714-79.899429L553.307429 109.714286l-99.401143 79.844571 99.401143 79.268572 0.054857 0.082285z m0.082286 249.792l0.054857-0.054857 256.868572-202.642286-69.668572-55.954285-187.2 147.702857-0.054857 0.054857-0.054857 0.054857-187.227429-147.702857-69.586285 55.954286 256.813714 202.642285 0.054857-0.054857z m-0.109714 138.514286l0.109714-0.054857 343.899429-271.350857 69.668571 55.954285-156.48 123.428572L553.472 768 146.651429 447.222857 139.958857 441.929143l69.668572-55.954286 343.734857 271.268572z"
                fill="#1E80FF" p-id="7068"></path>
        </svg>
    </div>
</template>
<script lang="ts" setup>
import { withDefaults } from 'vue';
const { size } = withDefaults(defineProps<{ size?: string }>(), {
    size: '30px'
})
</script>
<style scoped>
svg {
    width: v-bind(size);
    height: v-bind(size);
}
div{
  cursor: pointer;
}
</style>